<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<!DOCTYPE html>
<html>
<fmt:bundle basename="text">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>国药集团运维监控大屏</title>
        <link href="<%=basePath%>/images/favicon.ico" rel="shortcut icon" />
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="stylesheet" href="<%=basePath%>/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="<%=basePath%>/css/font-awesome.min.css">
        <link rel="stylesheet" href="<%=basePath%>/css/ionicons.min.css">
        <link rel="stylesheet" href="<%=basePath%>/dist/css/AdminLTE.min.css">
        <link rel="stylesheet" href="<%=basePath%>/dist/css/skins/_all-skins.min.css">
        <link rel="stylesheet" href="<%=basePath%>/plugins/flavr/flavr.css">
        <link rel="stylesheet" href="<%=basePath%>/plugins/flavr/animate.css">
        <link rel="stylesheet" href="<%=basePath%>/plugins/iziModal/css/iziModal.min.css">
        <link rel="stylesheet" href="<%=basePath%>/css/global.css">
        <link rel="stylesheet" href="<%=basePath%>/css/index/index.css">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        <!-- 引入 ECharts 文件 -->
        <script src="<%=basePath%>/echarts/echarts.min.js"></script>
    </head>
    <!-- ADD THE CLASS sidedar-collapse TO HIDE THE SIDEBAR PRIOR TO LOADING THE SITE -->
    <input type="hidden" id="loginAddress" value="${loginAddress}">
    <body class="hold-transition skin-blue sidebar-mini">
    <!-- Site wrapper -->
    <div class="wrapper">
        <header>
            <h1 class="fl">国药集团运维监控大屏</h1>
            <div class="weather fr">
                <div class="fl weather-img"></div>
                <div class="fl">
                    <p class="date"></p>
                    <p class="weather-info"></p>
                </div>
            </div>
        </header>
        <div class="content col-md-12">
            <div class="total-count col-md-12">
                <div class="count">
                    <div><img src="<%=basePath%>/images/icon/hospital-count.png"></div>
                    <div>
                        <p class="name">医院总数(家)</p>
                        <p class="value hospital-count">0</p>
                    </div>
                </div>
                <div class="count">
                    <div><img src="<%=basePath%>/images/icon/assets-count.png"></div>
                    <div>
                        <p class="name">设备数量(台)</p>
                        <p class="value assets-count">0</p>
                    </div>
                </div>
                <div class="count">
                    <div><img src="<%=basePath%>/images/icon/assets-price.png"></div>
                    <div>
                        <p class="name">设备金额(万元)</p>
                        <p class="value assets-price">0</p>
                    </div>
                </div>
                <div class="count">
                    <div><img src="<%=basePath%>/images/icon/repair-count.png"></div>
                    <div>
                        <p class="name">当年维修(次)</p>
                        <p class="value repair-count">0</p>
                    </div>
                </div>
                <div class="count">
                    <div><img src="<%=basePath%>/images/icon/upkeep-count.png"></div>
                    <div>
                        <p class="name">当年保养(次)</p>
                        <p class="value upkeep-count">0</p>
                    </div>
                </div>
            </div>
            <div class="map-push">
                <div class="col-md-7 map"></div>
                <div class="col-md-5 push">
                    <h3 class="operation-title"><img src="<%=basePath%>/images/icon/info.png">运维管理</h3>
                    <div class="col-md-12 icons">
                        <div class="icon repair-icon">
                            <span class="tip">0</span>
                            <img src="<%=basePath%>/images/icon/repair.png">
                            <span>待维修</span>
                        </div>
                        <div class="icon upkeep-icon">
                            <span class="tip">0</span>
                            <img src="<%=basePath%>/images/icon/upkeep.png">
                            <span>待保养</span>
                        </div>
                        <div class="icon inspection-icon">
                            <span class="tip">0</span>
                            <img src="<%=basePath%>/images/icon/inspection.png">
                            <span>待保养</span>
                        </div>
                    </div>
                    <div class="col-md-12 message">
                        <ul class="message-box"></ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ./wrapper -->
    <%-- 待维修列表 --%>
    <div id="repair-list" data-title="待维修列表">
        <div class="box-body" style="overflow: auto;">
            <table class="table table-striped">
                <thead><tr>
                    <th>#</th>
                    <th>设备名称</th>
                    <th>医院</th>
                    <th>科室</th>
                    <th>资产编号</th>
                    <th>资产型号</th>
                    <th>报修时间</th>
                    <th>报修人</th>
                </tr></thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
    <%-- 待保养列表 --%>
    <div id="upkeep-list" data-title="待保养列表">
        <div class="box-body" style="overflow: auto;">
            <table class="table table-striped">
                <thead><tr>
                    <th>#</th>
                    <th>设备名称 </th>
                    <th>医院 </th>
                    <th>科室</th>
                    <th>资产编号 </th>
                    <th>保养时间</th>
                </tr></thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
        <%-- 待巡检列表 --%>
    <div id="inspection-list" data-title="待巡检列表">
        <div class="box-body" style="overflow: auto;">
            <table class="table table-striped">
                <thead><tr>
                    <th>#</th>
                    <th>设备名称 </th>
                    <th>医院 </th>
                    <th>科室</th>
                    <th>资产编号 </th>
                    <th>巡检日期</th>
                </tr></thead>
                <tbody></tbody>
            </table>
        </div>
    </div>

    <script src="<%=basePath%>/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="<%=basePath%>/js/public.js"></script>
    <script src="<%=basePath%>/js/base64js.min.js"></script>
    <script src="<%=basePath%>/bootstrap/js/bootstrap.min.js"></script>
    <script src="<%=basePath%>/plugins/flavr/flavr.min.js"></script>
    <script src="<%=basePath%>/plugins/iziModal/js/iziModal.min.js"></script>
    <script src="<%=basePath%>/plugins/slimScroll/jquery.slimscroll.min.js"></script>
    <script src="<%=basePath%>/plugins/fastclick/fastclick.js"></script>
    <script src="<%=basePath%>/plugins/vticker/jquery.vticker.min.js"></script>
    <script src="<%=basePath%>/dist/js/app.min.js"></script>
    <script src="<%=basePath%>/dist/js/demo.js"></script>
    <script src="<%=basePath%>/js/index/index.js"></script>
    <script src="<%=basePath%>/js/index/websocket.js"></script>
    </body>
</fmt:bundle>
</html>
